<template>
	<div>
		<div class="A_box" v-loading="loading">
			<Detail
				v-model="infoData"
				v-if="this.notEmpty(infoData)"
				state="readonly"
				type="preview"
				from="changeSign"></Detail>
		</div>
	</div>
</template>

<script>
	import Detail from '../chunk/details/index.vue';
	export default {
		name: 'MainChangeSign',
		components: { Detail },
		data() {
			return {
				infoData: {},
				loading: false,
			};
		},
		computed: {},

		created() {
			this.getDetails();
		},
		mounted() {},
		methods: {
			getDetails(id) {
				this.loading = true;

				this.infoData = {
					productList: [
						{
							plan: {},
							insuranceList: [],
							maintenanceList: [],
							attachedDecorationList: [],
							feeList: [],
						},
					],
				};
				this.loading = false;
			},
		},
	};
</script>

<style lang="scss" scoped></style>
